<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String ctx = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + ctx + "/";
%>

<html>

<head>
    <title>Products</title>
    <!--css-->
    <link href="/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="${pageContext.request.contextPath} /Juice_C2C_Platform_war_exploded/css/font-awesome.css"
          rel="stylesheet">
    <link rel="stylesheet " type="text/css " href="../css/jquery-ui.css ">
    <!--css-->
    <meta name="viewport " content="width=device-width, initial-scale=1 ">
    <meta http-equiv="Content-Type " content="text/html; charset=utf-8 "/>
    <meta name="keywords " content=" "/>
    <script type="application/x-javascript ">
        addEventListener("load ", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <script src="/js/jquery.min.js"></script>
    <link href='http://fonts.useso.com/css?family=Cagliostro' rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300'
          rel='stylesheet' type='text/css'>
    <!--search jQuery-->
    <script src="../js/main.js "></script>
    <!--search jQuery-->

    <!--mycart-->
    <script type="text/javascript " src="/js/bootstrap-3.1.1.min.js "></script>
    <!-- cart -->
    <script src="/js/simpleCart.min.js "></script>
    <!-- cart -->

</head>

<body>
<!--header-->
<jsp:include page="topbar.jsp"/>
<!--header-->

<!--content-->
<div class="content ">
    <div class="products-agileinfo ">
        <div class="container ">
            <div class="product-agileinfo-grids w3l ">
                <div class="col-md-3 product-agileinfo-grid ">
                    <div class="categories ">
                        <h3>全部商品</h3>
                        <ul class="tree-list-pad ">
                            <c:forEach items="${goodsClassifyList}" var="GoodsClassify">
                                <li>
                                    <a href="<%=ctx%>/Product/Show?goodsCategoryId=${GoodsClassify.goodsCategoryId}">${GoodsClassify.goodsCategory}</a>
                                </li>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
                <div class="col-md-9 product-agileinfon-grid1 w3l ">
                    <div class="mens-toolbar ">
                    </div>
                    <div class="bs-example bs-example-tabs " role="tabpanel " data-example-id="togglable-tabs ">
                        <ul id="myTab " class="nav1 nav1-tabs left-tab " role="tablist ">
                            <div id="myTabContent " class="tab-content ">
                                <div role="tabpanel " class="tab-pane fade in active " id="home "
                                     aria-labelledby="home-tab ">
                                    <div class="product-tab ">
                                        <c:forEach items="${goodsList}" var="goodsList">
                                            <c:if test="${goodsList.goodsState.goodiesStateId == 2}">
                                                <div class="col-md-4 product-tab-grid simpleCart_shelfItem ">
                                                    <div class="grid-arr ">
                                                        <div class="grid-img ">
                                                            <img src="${goodsList. goodsImg}" class="img-responsive "
                                                                 alt=" " height="235px" width="235px">
                                                        </div>
                                                        <div class="women ">
                                                            <h6>
                                                                <a href="<%=ctx%>/Product/commodity?goodsId=${goodsList.goodsId}">${goodsList.goodsName}</a>
                                                            </h6>
                                                            <p><em class="item_price ">${goodsList.goodsPrice}元</p>
                                                            <a href="<%=ctx%>/Order/orderDetail?goodsId=${goodsList.goodsId}"
                                                               data-text="Add To Cart "
                                                               class="my-cart-b item_add ">立即购买</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </c:if>
                                        </c:forEach>
                                        <div class="clearfix "></div>
                                    </div>
                                </div>
                            </div>
                        </ul>
                    </div>
                </div>
                <div class="clearfix "></div>
            </div>
        </div>
    </div>
</div>
<!--content-->
<!---footer--->
<div class="footer-w3l ">
    <div class="container ">
        <div class="footer-grids ">
            <div class="col-md-3 footer-grid ">
                <h4>关于 </h4>
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
                    laoreet dolore magna aliquam erat volutpat.</p>
                <div class="social-icon ">
                    <a href="# "><i class="icon "></i></a>
                    <a href="# "><i class="icon1 "></i></a>
                    <a href="# "><i class="icon2 "></i></a>
                    <a href="# "><i class="icon3 "></i></a>
                </div>
            </div>
            <div class="col-md-3 footer-grid ">
                <h4>我的账户</h4>
                <ul>
                    <li><a href=" ">结账</a></li>
                    <li><a href="login.html ">登录</a></li>
                    <li><a href="register.html "> 创建账户 </a></li>
                </ul>
            </div>
            <div class="col-md-3 footer-grid ">
                <h4>信息</h4>
                <ul>
                    <li><a href="index.html ">返回首页</a></li>
                    <li><a href="products.html ">产品</a></li>
                    <li><a href=" ">意见反馈</a></li>
                    <li><a href=" ">全部产品</a></li>
                </ul>
            </div>
            <div class="col-md-3 footer-grid foot ">
                <h4>联系人</h4>
                <ul>
                    <li><i class="glyphicon glyphicon-map-marker " aria-hidden="true "></i><a href="# ">地址：成都市高新区天益街</a>
                    </li>
                    <li><i class="glyphicon glyphicon-earphone " aria-hidden="true "></i><a href="# ">电话：8208208820</a>
                    </li>
                    <li><i class="glyphicon glyphicon-envelope " aria-hidden="true "></i><a
                            href="mailto:example@mail.com "> example@mail.com</a></li>

                </ul>
            </div>
            <div class="clearfix "></div>
        </div>

    </div>
</div>
<!---footer--->


</body>

</html>